<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/slider.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/jquery.slideBox.css" />
</head>

<body>
  <!--头部-->
  <header id="header">
    <!--顶部-->
    <div class="img le-container">
      <a href="#"><img src="./image/logo.jpg" alt="" /></a>
    </div>
    <div class="top">
      <div class="le-container">
        <span class="zuoyi">legochina.cn</span>
        <span class="fr">欢迎光临<a href="./index.html">乐购</a>，请 <a href="./register.html">登录</a>\<a
            href="./login.html">注册</a></span>
      </div>
      <!--表单与购物车-->
      <div class="serachbox le-container">
        <div class="order fr"><a href="#">我的订单</a></div>
        <div class="cart fr"><a href="./shoppingcart.html" style="color: #fff;">购物车</a><em class="fr">3</em></div>
        <form action="" class="fr">
          <input type="text" class="txt fl" placeholder="创意文具" />
          <input type="submit" value="" class="btn fl" />
        </form>
      </div>
      <div class="navigation le-container">
        <ul>
          <li><a href="./product.html">图书</a></li>
          <li><a href="./product.html">电子书</a></li>
          <li><a href="./product.html">原创文学</a></li>
          <li><a href="./product.html">服装</a></li>
          <li><a href="./product.html">运动户外</a></li>
          <li><a href="./product.html">孕婴童</a></li>
          <li><a href="./product.html">家具</a></li>
          <li><a href="./product.html">创意文具</a></li>
          <li><a href="./product.html">地方特产</a></li>
          <li><a href="./product.html">海外购</a></li>
          <li><a href="./product.html">电脑城</a></li>
        </ul>
      </div>
    </div>
  </header>
  <!--banner-->
  <section id="banner" class="le-container">
    <ul class="nav fl">
      <li>
        <p>图书、电子书、童书</p>
        <div class="submenu">图书</div>
      </li>
      <li>
        <p>创意文具</p>
        <div class="submenu">创意文具</div>
      </li>

      <li>
        <p>服饰、内衣</p>
        <div class="submenu">服饰</div>
      </li>
      <li>
        <p>鞋靴、箱包</p>
        <div class="submenu">鞋靴</div>
      </li>
      <li>
        <p>运动户外</p>
        <div class="submenu">运动户外</div>
      </li>
      <li>
        <p>孕、婴、童</p>
        <div class="submenu">孕</div>
      </li>
      <li>
        <p>家居、家装、汽车</p>
        <div class="submenu">家居</div>
      </li>
      <li>
        <p>家具、家纺、康体</p>
        <div class="submenu">家具</div>
      </li>
      <li>
        <p>美妆、个人护理、成人</p>
        <div class="submenu">美妆</div>
      </li>
      <li>
        <p>食品、茶酒、生鲜</p>
        <div class="submenu">食品</div>
      </li>
      <li>
        <p>腕表、珠宝、眼镜</p>
        <div class="submenu">腕表</div>
      </li>
      <li>
        <p>手机、数码</p>
        <div class="submenu">手机</div>
      </li>
      <li>
        <p>电脑办公</p>
        <div class="submenu">电脑办公</div>
      </li>
      <li>
        <p>家用电器</p>
        <div class="submenu">家用电器</div>
      </li>
    </ul>
    <!--轮播-->
    <div class="pptbox slidebox fl" id="slider">
      <ul class="innerwrapper">
        <li>
          <a href="#">
            <img src="./image/banner1.jpg" />
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/lsp (1).jpg" />
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/lsp(18).jpg" />
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/lsp(30).jpg" />
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/lsp(28).jpg" />
          </a>
        </li>
      </ul>
      <ul class="controls">
        <li class="current">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
      </ul>
      <span class="btnleft"></span>
      <span class="btnright"></span>
    </div>
  </section>
  <!--今日推荐-->
  <section id="recomment" class="le-container">
    <h1 class="cf60 tindex">乐购·今日推荐</h1>
    <div class="con">
      <ul>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index1.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">黑爵青蜂侠六键电竞游戏鼠标</p>
            <p class="tindex">全国联保 一年免费包换</p>
            <p class="tindex bigs">￥：299</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>

        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>
        <li class="fl">
          <a href="./productdetails.html">
            <img src="./image/index7.jpg" />
            <p class="move">
              <img src="./image/index2.jpg" />
            </p>
            <p class="tindex black">小熊家用静音加湿器</p>
            <p class="tindex">唯美外观 微米级喷雾</p>
            <p class="tindex bigs">￥：89</p>
          </a>
        </li>
      </ul>
    </div>
  </section>
  <!--电子书-->
  <section id="ebook" class="le-container">

    <div class="left" id="bi">
      <!--上面-->
      <div class="ss">
        <h1 class="cf60 tindex">图书、电子书</h1>
        <spam class="tl">
          <a href="#" id="shu1">最新上架</a>
          <a href="#" id="shu2">独家畅销</a>
          <a href="#" id="shu3">电子书</a>
        </spam>
      </div>
      <!--左下-->
      <div class="zx fl">
        <img src="./image/index4.jpg" alt="" class="" />
        <span>
          <a href="#">中小学辅导</a>
          <a href="#">外语</a>
          <a href="#">考试</a>
          <a href="#">小说</a>
          <a href="#">文学</a>
          <a href="#">青春文学</a>
          <a href="#">成功/励志</a>
          <a href="#">管理</a>
          <a href="#">历史</a>
          <a href="#">哲学/宗教</a>
          <a href="#">亲子/家教</a>
          <a href="#">全部分类></a>
        </span>
      </div>
      <!--轮播-->
      <div class="lunbo1 fl">
        <div class="pptbox slidebox " id="slider1">
          <ul class="innerwrapper">
            <li>
              <a href="#">
                <img src="./image/ppt1.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./image/lsp (1).jpg">
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./image/lsp (2).jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./image/lsp (3).jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./image/lsp (4).jpg" />
              </a>
            </li>
          </ul>
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
          </ul>
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
      </div>
      <!--图表-->
      <ul class="ys">
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <br />
            <p>奥运狂欢</p>
            <p class="cred">10万种电子书 直降40%</p>
            <img src="./image/index8.jpg">
            <p><span class="cred">￥49</span><span class="ccc">￥79</span></p>
          </a>
        </li>
      </ul>
    </div>
    <div class="right">
      <h3>新书畅销榜</h3>
      <ul>
        <li>
          <a href="./productdetails.html">
            <span class="fl cred">1</span>
            <img src="./image/index5.jpg" alt="">
            <div class="ys fr">
              "从你的世界路过
              入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读"
            </div>
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">2</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">3</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">4</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">5</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">6</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
        <li>
          <a href="./productdetails.html">
            <span class="cred">7</span>"就喜欢你看不惯我 又干不过我"
          </a>
        </li>
      </ul>
  </section>

  <!--服装-->
  <section id="cloth" class="le-container">
    <!--头部-->
    <h1>服装</h1>
    <span class="ys">
      <a href="" id="fuz1">女装内衣</a>
      <a href="" id="fuz2">热销男装</a>
      <a href="" id="fuz3">精品鞋靴</a>
    </span>
    <!--中间-->
    <div class="zx fl">
      <a href="#">
        <img src="./image/index9.jpg" alt="">
      </a>
      <span class="nb">
        <a href="#">女包</a>
        <a href="#">防晒品</a>
        <a href="#">短裤</a>
        <a href="#">冰丝内裤</a>
        <a href="#">男包</a>
        <a href="#">功能箱包</a>
        <a href="#">蕾丝衬衫</a>
        <a href="#">奢侈品</a>
        <a href="#">男鞋</a>
        <a href="#">女包</a>
        <a href="#">女鞋</a>
        <a href="#">全部分类></a>
      </span>
    </div>
    <!--轮播-->
    <div class="lunbo3 fl">
      <div class="pptbox slidebox " id="slider2">
        <ul class="innerwrapper">
          <li>
            <a href="#">
              <img src="./image/index10.jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (1).jpg">
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (2).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (3).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (4).jpg" />
            </a>
          </li>
        </ul>
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
        </ul>
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
      <a href="#">
        <img src="./image/index11.jpg" alt="">
      </a>
    </div>
    <!--右边-->
    <div class="xys fr">
      <ul class="ss">
        <li><a href="#"><img src="./image/index12.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/index12.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/index12.jpg" alt=""></a></li>
      </ul>
      <ul class="xx">
        <li><a href="#"><img src="./image/index13.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/index13.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/index13.jpg" alt=""></a></li>
      </ul>
    </div>
    <span class="fl xxx">
      <a href="#">
        <img src="./image/index14.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/index15.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo1.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo2.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo3.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo4.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo5.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo6.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/logo7.jpg" alt="">
      </a>
    </span>


  </section>
  <!--户外运动-->
  <section id="sport" class="le-container">
    <!--头部-->
    <h1>运动户外</h1>
    <span class="ys">
      <a href="" id="yd1">国际品牌</a>
      <a href="" id="yd2">户外装备</a>
      <a href="" id="yd3">运动潮流</a>
    </span>
    <!--中间-->
    <div class="zx fl">
      <a href="#">
        <img src="./image/yd_03.jpg" alt="">
      </a>
      <span class="nb">
        <a href="#">女包</a>
        <a href="#">防晒品</a>
        <a href="#">短裤</a>
        <a href="#">冰丝内裤</a>
        <a href="#">男包</a>
        <a href="#">功能箱包</a>
        <a href="#">蕾丝衬衫</a>
        <a href="#">奢侈品</a>
        <a href="#">男鞋</a>
        <a href="#">女包</a>
        <a href="#">女鞋</a>
        <a href="#">全部分类></a>
      </span>
    </div>
    <!--轮播-->
    <div class="lunbo3 fl">
      <div class="pptbox slidebox " id="slider3">
        <ul class="innerwrapper">
          <li>
            <a href="#">
              <img src="./image/yd_05.jpg ">
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (5).jpg">
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (6).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (7).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/sp (8).jpg" />
            </a>
          </li>
        </ul>
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
        </ul>
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
      <a href="#">
        <img src="./image/index11.jpg" alt="">
      </a>
    </div>
    <div class="xys fr">
      <ul class="ss">
        <li><a href="#"><img src="./image/yd_07.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/yd_07.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/yd_07.jpg" alt=""></a></li>
      </ul>
      <ul class="xx">
        <li><a href="#"><img src="./image/yd_12.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/yd_12.jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/yd_12.jpg" alt=""></a></li>
      </ul>
    </div>

    <span class="fl xxx">
      <a href="#">
        <img src="./image/01-首页_17.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/01-首页_21.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_17.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_18.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_19.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_21.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_23.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_25.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_26.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_30.jpg" alt="">
      </a>
    </span>

  </section>
  <!--童鞋 童装 婴儿服-->
  <section id="baby" class="le-container">
    <!--头部-->
    <h1>童鞋 童装 婴儿服</h1>
    <span class="ys">
      <a href="" id="tz1">儿童服装</a>
      <a href="" id="tz2">婴儿服装</a>
      <a href="" id="tz3">潮流童装</a>
    </span>
    <!--中间-->
    <div class="zx fl">
      <a href="#">
        <img src="./image/tz (2).jpg" alt="">
      </a>
      <span class="nb">
        <a href="#">女包</a>
        <a href="#">防晒品</a>
        <a href="#">短裤</a>
        <a href="#">冰丝内裤</a>
        <a href="#">男包</a>
        <a href="#">功能箱包</a>
        <a href="#">蕾丝衬衫</a>
        <a href="#">奢侈品</a>
        <a href="#">男鞋</a>
        <a href="#">女包</a>
        <a href="#">女鞋</a>
        <a href="#">全部分类></a>
      </span>
    </div>
    <!--轮播-->
    <div class="lunbo3 fl">
      <div class="pptbox slidebox " id="slider4">
        <ul class="innerwrapper">
          <li>
            <a href="#">
              <img src="./image/tz (3).jpg">
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/lsp (10).jpg">
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/lsp (11).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/lsp (23).jpg" />
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./image/lsp (38).jpg" />
            </a>
          </li>
        </ul>
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
        </ul>
        <span class="btnleft"></span>
        <span class="btnright"></span>
      </div>
      <a href="#">
        <img src="./image/index11.jpg" alt="">
      </a>
    </div>
    <div class="xys fr">
      <ul class="ss">
        <li><a href="#"><img src="./image/tz (1).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/tz (1).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/tz (1).jpg" alt=""></a></li>
      </ul>
      <ul class="xx">
        <li><a href="#"><img src="./image/tz (4).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/tz (4).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/tz (4).jpg" alt=""></a></li>
      </ul>
    </div>

    <span class="fl xxx">
      <a href="#">
        <img src="./image/01-首页_17.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/01-首页_21.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_17.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_18.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_19.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_21.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_23.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_25.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_26.jpg" alt="">
      </a>
      <a href="#">
        <img src="./image/yd_30.jpg" alt="">
      </a>
    </span>
  </section>
  <!--家居日用-->
  <section id="house" class="le-container">
    <h1>家居日用</h1>
    <div class="zz fl">
      <img src="./image/jj (2).jpg" alt="">
    </div>
    <div class="yy fr">
      <ul class="zs">
        <li><a href="#"><img src="./image/jj (3).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (3).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (3).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (3).jpg" alt=""></a></li>
      </ul>
      <ul class="zx">
        <li><a href="#"><img src="./image/jj (1).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (1).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (1).jpg" alt=""></a></li>
        <li><a href="#"><img src="./image/jj (1).jpg" alt=""></a></li>
      </ul>
    </div>
  </section>
  <!--推广商品s-->
  <section id="extend" class="le-container">
    <h1>推广商品</h1>
    <span class="yy">
      <div class="ys1"></div>
      <div class="ys2"></div>
    </span>
    <div class="xx">
      <ul>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./image/tg.jpg" alt="" class="im">
            <p>Pigeon法国制奶嘴，无<br />
              毒天然乳胶</p>
            <p><span class="cred dar">￥：189</span></p>

            <img src="./image/01-首页_03.jpg" alt="">
            <span class="ig">已有<span class="cred">998</span>条评论</span>
          </a>
        </li>
      </ul>
    </div>
  </section>
  <!--尾页-->
  <section id="footer">
    <div class="hen le-container">
      <a href=""><img src="./image/wy (1).png" alt=""></a>
      <a href=""><img src="./image/wy (2).png" alt=""></a>
      <a href=""><img src="./image/wy (3).png" alt=""></a>
      <a href=""><img src="./image/wy (4).png" alt=""></a>
    </div>
    <div class="zx">
      <ul>
        <li class="fl">
          <a href="#">
            <p><span>购物指南</span></p>
          </a>
          <a href="">
            <p>购物流程</p>
          </a>
          <a href="">
            <p>发票制度</p>
          </a>
          <a href="">
            <p>账户管理</p>
          </a>
          <a href="">
            <p>会员优惠</p>
          </a>

        </li>
        <li class="fl">
          <a href="#">
            <p><span>支付方式</span></p>
          </a>
          <a href="">
            <p>货到付款</p>
          </a>
          <a href="">
            <p>网上支付</p>
          </a>
          <a href="">
            <p>礼品卡支付</p>
          </a>
          <a href="">
            <p>银行转帐</p>
          </a>
        </li>
        <li class="fl">
          <a href="#">
            <p><span>订单服务</span></p>
          </a>
          <a href="">
            <p>订单配送查询</p>
          </a>
          <a href="">
            <p>订单状态说明</p>
          </a>
          <a href="">
            <p>自助取消订单</p>
          </a>
          <a href="">
            <p>自助修改订单</p>
          </a>
        </li>
        <li class="fl">
          <a href="#">
            <p><span>退换货</span></p>
          </a>
          <a href="">
            <p>退换货政策</p>
          </a>
          <a href="">
            <p>自助申请退换货</p>
          </a>
          <a href="">
            <p>退换货进度查询</p>
          </a>
          <a href="">
            <p>退款方式和时间 </p>
          </a>
        </li>
        <li class="fr">
          <a href="#">
            <p><span>商家服务</span></p>
          </a>
          <a href="">
            <p>商家中心</p>
          </a>
          <a href="">
            <p>运营服务</p>
          </a>
          <a href="">
            <p>加入尾品汇</p>
          </a>
        </li>
      </ul>
    </div>
    <p class="df">公司简介　 |　 Investor Relations　 |　 网站联盟 　 |　 乐购招商 　 |　 机构销售　 | 　 手机乐购 　| 　 官方Blog 　 | 　热词搜索 </p>
    <p>Copyright　 (C)　 乐购网 　2004-2016　, 　All 　Rights 　Reserved　</p>

  </section>
  <!--领券中心-->
  <div class="lq">
    <div>
      <a href="#"><img src="./image/lq1.jpg" alt=""></a>
      <span class="lq2"><a href="#"><img src="./image/lq2.jpg" alt=""></a></span>
      <span class="lq3"><a href="#"><img src="./image/lq3.jpg" alt=""></a></span>
      <span class="lq4"><a href="#"><img src="./image/lq4.jpg" alt=""></a></span>
    </div>
  </div>
  <!--楼层-->
  <div id="lc">
    <button type="button" id="btn1">
      <img src="./image/lc1.png" alt="">
      <span id="ts">图书</span>
    </button>
    <button type="button" id="btn2">
      <img src="./image/lc2.png" alt="">
      <span id="fz">服装</span>
    </button>
    <button type="button" id="btn3">
      <img src="./image/lc3.png" alt="">
      <span id="yd">运动</span>
    </button>
    <button type="button" id="btn4">
      <img src="./image/lc4.png" alt="">
      <span id="tz">童装</span>
    </button>
    <button type="button" id="btn5">
      <img src="./image/lc5.png" alt="">
      <span id="jj">家居</span>
    </button>
  </div>
  <!--回到顶部-->
  <div id="db">
    <a href="#"><img src="./image/db.jpg" alt=""></a>
  </div>
  <!--搜索框显示隐藏-->
  <div id="toph">
    <div class="le-container sear">

    </div>
  </div>
  <script src="./lib/jquery.min.js"></script>
  <script src="./lib/jquery.slidebox.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>